@charset "utf-8";
/* CSS Document */

#main{
	width:90%;
}

#main h1{
	font-weight:bold;
}

.enfa{
	background-color:rgba(255,204,0,0.4);
	display:inline;
	padding:0 2px;
	margin:0 2px;
	border-radius:3px;
}

.contents{
	margin:auto;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.clearfix{
	border:solid 1px #CCCCCC;
}

.clearfix h2{
	font-size:14px;
	font-weight:bold;
}

.clearfix p{
	padding:10px;
}

p .name{
	margin-left:18em;
}


.clearfix a{
	padding:10px;
}


#introduce h1{
	font-size:24px;
	text-align:center;
}

#introduce .box_1{
	background-color:#000;
	color:#FFF;
}

.box_shou{
	border:1px solid #000;
}

.br_s{
	display:none;
}

@media screen and (min-width:0px) and ( max-width:420px) {
	
	#introduce h1{
	font-size:14px;
	text-align:center;
	}

	#introduce .box_1{
	background-color:#000;
	color:#FFF;
	}
	
	.site{
	 font-size:8px;
  
	}
}

@media screen and (min-width:0px) and ( max-width:499px) {
	.br_s{
	display:inline;
}
}

@media screen and (min-width:0px) and ( max-width:935px) {
	.main-image{
		width:100%;
	}

	#introduce h1{
	font-size:16px;
	text-align:center;
	}

	#introduce .box_1{
	background-color:#000;
	color:#FFF;
	}
	
	.img-b_m{
		width:100%;
	}
	
	.img-b{
		width:80%;
	flex-direction:column;
  }
    
    .img-h{
        max-width: 100%;
        height: auto;
    }
  
  .img-b_s{
		width:25%;
	flex-direction:column;
  }
  
  .img-b_f{
	  width:40%;
	  flex-direction:column;
  }
    
  
  .img-icon{
	  max-width:16px;
	  max-height:16px;
  }
  
 .hr{
	 border:1px dashed #999999;
 }
 
 #shop-info .clearfix img{
	 width:70%;
 }
 
 #shop-info .clearfix .icon{
	 height:30px;
	 width:30px;
 }
 
 .clearfix gallery{
	 width:60%;
 }
 
 .site{
	 font-size:10px;
  
}
}

@media screen and (min-width:421px) and ( max-width:750px) {
	
	#introduce h1{
	font-size:16px;
	text-align:center;
	}

	#introduce .box_1{
	background-color:#000;
	color:#FFF;
	}
	
}


@media screen and (min-width:750px) and ( max-width:959px) {
	.main-image{
		width:100%;
	}
	
	.br_s{
	display:none;
}

}